

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>fetch封装</title>
</head>
<body>
    <div class="box"></div>
    <script>
        // 语法格式
        //     fetch(url)
        //         .then(...)
        //         .catch(...)

        // 本地json数据
        // fetch("./data/data.json")
        //     .then(res=>res.json(""))
        //     .then(res=>{
        //         console.log("res:",res)
        //         document.querySelector(".box").innerHTML = res.data[0].username
        //     })
        //     .catch(err=>{
        //         console.log("err:",err)
        //     })

        
            // 接口
            // fetch("https://hmajax.itheima.net/api/news")
            // .then(res=>res.json(""))
            // .then(res=>{
            //     console.log("res:",res)
            //     document.querySelector(".box").innerHTML = res.data[0].title
            // })
            // .catch(err=>{
            //     console.log("err:",err)
            // })


           async function getJSON() {
                let url="./data/data.json"
                try {
                    let res = await fetch(url)
                    return  await res.json()
                } catch (error) {
                    console.log("error:",error)
                }
            }


            getJSON().then(res=>{
                console.log("res:",res);
                
            })




    </script>
</body>
</html>